﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="text/javascript" src="static/src/jQuery.js?2014-03-07-1"></script>
    <link href="BootstrapSouce/css/bootstrap.min.css" rel="stylesheet" />
    <script src="BootstrapSouce/js/jquery.min.js"></script>
    <script src="BootstrapSouce/js/bootstrap.min.js"></script>
    <script src="jquery.uploadView.js"></script>
    <title></title>
</head>
<body>
    <table>
        <tr>
            <td>
                <!--面板-->
                <div class="panel panel-default" style="margin-left:0px;">
                    <!--标题-->
                    <div class="panel-heading" style="text-align:center">小区外部环境*</div>
                    <!--面板内容-->
                    <div class="control-group js_uploadBox">
                        <div class="control-group js_uploadBox1" style="margin-left:0px">
                            <div class="btn-upload1">
                                <!--<a href="javascript:void(0);" onclick="aa()"><i class="icon-upload1"></i><span class="js_uploadText1">上传</span>图片</a>-->
                                <input class="js_upFile1" type="file" name="cover" />
                            </div>

                            <div class="js_showBox1 "><img class="js_logoBox1" src="House/9.jpg" width="300" /></div>
                        </div>
                    </div>
                </div>

              
            </td>
            <td>
                <div class="panel panel-default" style="margin-left:0px;">
                    <!--标题-->
                    <div class="panel-heading" style="text-align:center">小区入口*</div>
                    <!--面板内容-->
                    <div class="control-group js_uploadBox">
                        <div class="control-group js_uploadBox1" style="margin-left:0px">
                            <div class="btn-upload1">
                                <!--<a href="javascript:void(0);" onclick="aa()"><i class="icon-upload1"></i><span class="js_uploadText1">上传</span>图片</a>-->
                                <input class="js_upFile1" type="file" name="cover" />
                            </div>

                            <div class="js_showBox1 "><img class="js_logoBox1" src="House/9.jpg" width="300" /></div>
                        </div>
                    </div>
                </div>
            </td>
            <td>
                <!--面板-->
                <div class="panel panel-default" style="margin-left:0px;">
                    <!--标题-->
                    <div class="panel-heading" style="text-align:center">小区内部环境*</div>
                    <!--面板内容-->
                    <div class="control-group js_uploadBox">
                        <div class="control-group js_uploadBox1" style="margin-left:0px">
                            <div class="btn-upload1">
                                <!--<a href="javascript:void(0);" onclick="aa()"><i class="icon-upload1"></i><span class="js_uploadText1">上传</span>图片</a>-->
                                <input class="js_upFile1" type="file" name="cover" />
                            </div>

                            <div class="js_showBox1 "><img class="js_logoBox1" src="House/9.jpg" width="300" /></div>
                        </div>
                    </div>
                </div>


            </td>
            <td>
                <!--面板-->
                <div class="panel panel-default" style="margin-left:0px;">
                    <!--标题-->
                    <div class="panel-heading" style="text-align:center">小区内部环境*</div>
                    <!--面板内容-->
                    <div class="control-group js_uploadBox">
                        <div class="control-group js_uploadBox1" style="margin-left:0px">
                            <div class="btn-upload1">
                                <!--<a href="javascript:void(0);" onclick="aa()"><i class="icon-upload1"></i><span class="js_uploadText1">上传</span>图片</a>-->
                                <input class="js_upFile1" type="file" name="cover" />
                            </div>

                            <div class="js_showBox1 "><img class="js_logoBox1" src="House/9.jpg" width="300" /></div>
                        </div>
                    </div>
                </div>


            </td>
            <td>
                <div class="panel panel-default" style="margin-left:0px;">
                    <!--标题-->
                    <div class="panel-heading" style="text-align:center">单元门*</div>
                    <!--面板内容-->
                    <div class="control-group js_uploadBox">
                        <div class="control-group js_uploadBox1" style="margin-left:0px">
                            <div class="btn-upload1">
                                <!--<a href="javascript:void(0);" onclick="aa()"><i class="icon-upload1"></i><span class="js_uploadText1">上传</span>图片</a>-->
                                <input class="js_upFile1" type="file" name="cover" />
                            </div>

                            <div class="js_showBox1 "><img class="js_logoBox1" src="House/9.jpg" width="300" /></div>
                        </div>
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <!--面板-->
                <div class="panel panel-default" style="margin-left:0px;">
                    <!--标题-->
                    <div class="panel-heading" style="text-align:center">小区外部环境*</div>
                    <!--面板内容-->
                    <div class="control-group js_uploadBox">
                        <div class="control-group js_uploadBox1" style="margin-left:0px">
                            <div class="btn-upload1">
                                <!--<a href="javascript:void(0);" onclick="aa()"><i class="icon-upload1"></i><span class="js_uploadText1">上传</span>图片</a>-->
                                <input class="js_upFile1" type="file" name="cover" />
                            </div>

                            <div class="js_showBox1 "><img class="js_logoBox1" src="House/9.jpg" width="300" /></div>
                        </div>
                    </div>
                </div>


            </td>
            <td>
                <div class="panel panel-default" style="margin-left:0px;">
                    <!--标题-->
                    <div class="panel-heading" style="text-align:center">小区入口*</div>
                    <!--面板内容-->
                    <div class="control-group js_uploadBox">
                        <div class="control-group js_uploadBox1" style="margin-left:0px">
                            <div class="btn-upload1">
                                <!--<a href="javascript:void(0);" onclick="aa()"><i class="icon-upload1"></i><span class="js_uploadText1">上传</span>图片</a>-->
                                <input class="js_upFile1" type="file" name="cover" />
                            </div>

                            <div class="js_showBox1 "><img class="js_logoBox1" src="House/9.jpg" width="300" /></div>
                        </div>
                    </div>
                </div>
            </td>
            <td>
                <!--面板-->
                <div class="panel panel-default" style="margin-left:0px;">
                    <!--标题-->
                    <div class="panel-heading" style="text-align:center">小区内部环境*</div>
                    <!--面板内容-->
                    <div class="control-group js_uploadBox">
                        <div class="control-group js_uploadBox1" style="margin-left:0px">
                            <div class="btn-upload1">
                                <!--<a href="javascript:void(0);" onclick="aa()"><i class="icon-upload1"></i><span class="js_uploadText1">上传</span>图片</a>-->
                                <input class="js_upFile1" type="file" name="cover" />
                            </div>

                            <div class="js_showBox1 "><img class="js_logoBox1" src="House/9.jpg" width="300" /></div>
                        </div>
                    </div>
                </div>


            </td>
            <td>
                <!--面板-->
                <div class="panel panel-default" style="margin-left:0px;">
                    <!--标题-->
                    <div class="panel-heading" style="text-align:center">小区内部环境*</div>
                    <!--面板内容-->
                    <div class="control-group js_uploadBox">
                        <div class="control-group js_uploadBox1" style="margin-left:0px">
                            <div class="btn-upload1">
                                <!--<a href="javascript:void(0);" onclick="aa()"><i class="icon-upload1"></i><span class="js_uploadText1">上传</span>图片</a>-->
                                <input class="js_upFile1" type="file" name="cover" />
                            </div>

                            <div class="js_showBox1 "><img class="js_logoBox1" src="House/9.jpg" width="300" /></div>
                        </div>
                    </div>
                </div>


            </td>
            <td>
                <div class="panel panel-default" style="margin-left:0px;">
                    <!--标题-->
                    <div class="panel-heading" style="text-align:center">单元门*</div>
                    <!--面板内容-->
                    <div class="control-group js_uploadBox">
                        <div class="control-group js_uploadBox1" style="margin-left:0px">
                            <div class="btn-upload1">
                                <!--<a href="javascript:void(0);" onclick="aa()"><i class="icon-upload1"></i><span class="js_uploadText1">上传</span>图片</a>-->
                                <input class="js_upFile1" type="file" name="cover" />
                            </div>

                            <div class="js_showBox1 "><img class="js_logoBox1" src="House/9.jpg" width="300" /></div>
                        </div>
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <!--面板-->
                <div class="panel panel-default" style="margin-left:0px;">
                    <!--标题-->
                    <div class="panel-heading" style="text-align:center">入户门*</div>
                    <!--面板内容-->
                    <div class="control-group js_uploadBox">
                        <div class="control-group js_uploadBox1" style="margin-left:0px">
                            <div class="btn-upload1">
                                <!--<a href="javascript:void(0);" onclick="aa()"><i class="icon-upload1"></i><span class="js_uploadText1">上传</span>图片</a>-->
                                <input class="js_upFile1" type="file" name="cover" />
                            </div>

                            <div class="js_showBox1 "><img class="js_logoBox1" src="House/9.jpg" width="300" /></div>
                        </div>
                    </div>
                </div>


            </td>
            <td>
                <div class="panel panel-default" style="margin-left:0px;">
                    <!--标题-->
                    <div class="panel-heading" style="text-align:center">物业地址（建筑楼牌）*</div>
                    <!--面板内容-->
                    <div class="control-group js_uploadBox">
                        <div class="control-group js_uploadBox1" style="margin-left:0px">
                            <div class="btn-upload1">
                                <!--<a href="javascript:void(0);" onclick="aa()"><i class="icon-upload1"></i><span class="js_uploadText1">上传</span>图片</a>-->
                                <input class="js_upFile1" type="file" name="cover" />
                            </div>

                            <div class="js_showBox1 "><img class="js_logoBox1" src="House/9.jpg" width="300" /></div>
                        </div>
                    </div>
                </div>
            </td>
        </tr>
      
    </table>
   
  
</body>
</html>
<script>
    $(".js_upFile").uploadView({
        uploadBox: '.js_uploadBox',//设置上传框容器
        showBox: '.js_showBox',//设置显示预览图片的容器
        width: 300, //预览图片的宽度，单位px
        height: 300, //预览图片的高度，单位px
        allowType: ["gif", "jpeg", "jpg", "bmp", "png"], //允许上传图片的类型
        maxSize: 2, //允许上传图片的最大尺寸，单位M
        success: function (e) {
            $(".js_uploadText").text('更改');
            alert('图片上传成功');

        }
    });
    $(".js_upFile1").uploadView({
        uploadBox: '.js_uploadBox1',//设置上传框容器
        showBox: '.js_showBox1',//设置显示预览图片的容器
        width: 300, //预览图片的宽度，单位px
        height: 300, //预览图片的高度，单位px
        allowType: ["gif", "jpeg", "jpg", "bmp", "png"], //允许上传图片的类型
        maxSize: 2, //允许上传图片的最大尺寸，单位M
        success: function (e) {
            $(".js_uploadText1").text('更改');
            alert('图片上传成功');

        }
    });
</script>